<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="../css/详情.css">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/mobile/need/layer.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/首页.css">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body {
        position: relative;
        overflow-x: hidden;
    }

    #tuichu:hover {
        cursor: pointer;
        color: rgb(102, 240, 233);
    }

    #gouwu:hover {
        cursor: pointer;
        color: rgb(102, 240, 233);
    }
</style>

<body>

    <div id="tou">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-1">欢太品牌 </div>
            <div class="col-md-1">欢太云服务</div>
            <div class="col-md-1">软件商店　健康</div>
            <div class="col-md-3"></div>
            <div style="margin-right: -100px;" class="col-md-1">下载欢太APP |</div>
            <a id="a-1" class="a-1" href="登录1.html" class="col-md-1">🎎登录　|</a>
            <a class="a-1" href="注册.html" class="col-md-1">　注册　|</a>
            <span id="gouwu" class="a-1" class="col-md-1">🛒购物车</span>
            <div id="tuichu" onclick="tuichu()" style="margin-left: 80px;" class="col-md-1" style="color: azure;">退出登录
            </div>
        </div>
    </div>

    <div id="logo">
        <div style="background-color: #fff;" class="row">
            <div class="col-md-1"></div>
            <div class="col-md-2">
                <img style="width: 238px;
            height: 50px;"
                    src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp"
                    alt="">
            </div>
            <div class="col-md-1">OPPO专区</div>
            <div class="col-md-1">OnePlus专区</div>
            <div class="col-md-1">realme专区</div>
            <div class="col-md-1">智能硬件</div>
            <div class="col-md-1">潮流好物</div>
            <div class="col-md-1">服务</div>

            <div class="col-md-2">
                <input style="width: 80%;
            height: 36px;
            background-color: rgb(237, 237, 237);border-radius: 36px;
            border: 2px solid #cbcaca;" type="text" placeholder="OPPO Reno6">
                <span class="
            glyphicon glyphicon-search" aria-hidden="true"></span>
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-1"></div>
        </div>
    </div>

    <div class="da-1" style="width: 600px;
height: 600px;
border: 1px solid #f5f5f5;">
        <img class="da-2" style="display: block;"
            src="https://dsfs.oppo.com/archives/202105/2021051908054060a50310ddd07.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="da-2"
            src="https://dsfs.oppo.com/archives/202104/20210421110409607f975574d5e.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="da-2"
            src="https://dsfs.oppo.com/archives/202107/2021071312070160ec6ac1cbae3.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="da-2"
            src="https://dsfs.oppo.com/archives/202010/202010190810125f8d84f4975fe.png?x-oss-process=image/format,webp"
            alt="">
    </div>

    <div class="si-2" style="width: 600px;
    height: 95px;
    border: 1px solid #fff;">

        <img class="mg-1"
            src="https://dsfs.oppo.com/archives/202105/2021051908054060a50310ddd07.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="mg-1"
            src="https://dsfs.oppo.com/archives/202104/20210421110409607f975574d5e.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="mg-1"
            src="https://dsfs.oppo.com/archives/202107/2021071312070160ec6ac1cbae3.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
            alt="">
        <img class="mg-1"
            src="https://dsfs.oppo.com/archives/202010/202010190810125f8d84f4975fe.png?x-oss-process=image/format,webp"
            alt="">
    </div>

    <div id="you">
        <h1 id="h1-1"> 231 </h1>
        <h5 id="h4">realme手机优惠券 | 满500元可用 　　　6期免息　　积分抵10元　　购物送积分</h5>

        <h6 id="h6">
            <span class="spa-a">
                【realme官方商城 | 赠1年欢太会员 】</span> ①旅行箱设计，行业内首款立体素皮造型；②120Hz 三星 AMOLED
            全面屏，视觉冲击；③高通骁龙778G，宗师级性能；④五重冰封系统，VC蒸汽液冷散热。<br>
            <span class="spa-a"> 真我宠粉专享,百万积分免费抽,专属神券随心兑,速戳>></span>
        </h6><br>
        <h1 id="h1-2">2222</h1>
        <br>
        <img style="height: 88px;width: 600px;" src="../img/img-5.png" alt=""><br>
        <h3>型号</h3>

        <button class="btn-4">蓝影</button>
        <button class="btn-4">青龙</button>
        <button class="btn-4">花蛇</button>
        <button class="btn-4">杀伤武器</button><br><br>
        <div id="shu">
            <button class="jia">+</button>
            <span id="spa-a">1</span><button class="jian">-</button>　
            　　　<button id="jiaru">加入购物车</button>
        </div>

    </div>



    <script src="../引用/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js"></script>
    <script src="../js/详情.js"></script>
</body>

</html>